<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 跳转锚点 设置id -->
    <a href="#html"></a>
    <h1 id="html">hhhhhhhhhhhh</h1>
    <p>hhhhhhhhhh</p>
    <p>hhhhhhhhhh</p>
    <p>hhhhhhhhhh</p>
    <p>hhhhhhhhhh</p>

    <!-- 跳转锚点 设置name-->
    <a href="#html"></a>

    <a name="html"></a>
    <h1>hhhhhhhhhhhh</h1>
    <p>hhhhhhhhhh</p>
    <p>hhhhhhhhhh</p>
    <p>hhhhhhhhhh</p>
    <p>hhhhhhhhhh</p>

    <!-- 无序列表 -->
    <ul>
        <li>1 <strong>hhhh</strong></li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ol>
    <!-- 定义列表 -->
    <dl>
        <dt>hhh</dt>
        <dd>xiaoyixia</dd>
    </dl>
    <!-- 嵌套列表 -->
    <ul>
        <li>
            辽宁省
            <ul>
                <li>沈阳市 </li>
            </ul>
        </li>
        <li>北京</li>
    </ul>
    <!-- 表格标签 -->
    <table border="1">
        <caption><strong>天气预报</strong> </caption>
        <thead>
            <tr>
                <th>日期</th>
                <th>天气情况</th>
                <th>出行情况</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>2019.1.1</td>
                <td><img src="" alt=""></td>
                <td>天气晴朗</td>
            </tr>
        </tbody>
        <tfoot>
        </tfoot>
    </table>
    <!-- 表单标签-->
    <form action="baidu.com">
        <h2>输入框</h2>
        <input type="text" placeholder="请输入密码">
        <h2>复选框</h2>
        <input type="checkbox">苹果
        <input type="checkbox">香蕉
        <h2>提交</h2>
        <input type="submit">
        <h2>多行文本框</h2>
        <textarea name="" id="" cols="30" rows="10"></textarea>
        <h2>下拉菜单</h2>
        <select name="" id="">
            <option selected disabled>请选择</option>
            <option>上海</option>
        </select>
        <input type="radio" name="gender" id="man"><label for="man">男</label>
        <input type="radio" name="gender" id="woman"><label for="woman">女</label>
    </form>
    <!-- 组合应用 -->
    <form action="">
        <table border="1" cellpadding="30">
            <tbody>
                <tr align="center">
                    <td rowspan="4">总体信息</th><!-- 跨行合并 -->
                    <td colspan="2">用户注册</th>
                </tr>
                <tr align="right">
                    <td>
                        用户名：<input type="text" placeholder="请输入用户名">
                    </td>
                <tr>
                <tr align="right">
                    <td>
                        密码：<input type="password" placeholder="请输入密码">
                    </td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <input type="submit">
                        <input type="reset">
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
   <!-- 表单分组 -->
   <fieldset>
       <legend> 登陆 </legend>
           <p>
               用户名：<input type="text" name="" id="">
           </p>
           <p>
               密码: <input type="password">
           </p>
     
   </fieldset>
</body>

</html>